<template>
  <view class="cateComponets">
    <!-- 后期可添加的搜索功能 -->
    <!-- 左侧 -->
    <view class="left-box">
      <scroll-view scroll-y>
        <view class="left-item" v-for="item in leftTabArr" :key="item.id">
          {{ item.name }}
        </view>
      </scroll-view>
    </view>
    <!-- 右侧 -->
    <view class="right-box">
      <scroll-view scroll-y> </scroll-view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const leftTabArr = [
  {
    id: 1,
    name: '全部',
  },
  {
    id: 2,
    name: '手机数码',
  },
  {
    id: 3,
    name: '家用电器',
  },
  {
    id: 4,
    name: '电脑办公',
  },
  {
    id: 5,
    name: '计生情趣',
  },
  {
    id: 6,
    name: '美妆护肤',
  },
  {
    id: 7,
  },
]
</script>
<style scoped lang="scss"></style>
